﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>花间语</title>
<link href="/static/index/css/css_whir.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/index/font/iconfont.css">
<link href="/static/index/css/user.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/static/index/js/jquery.min.js"></script>
<script type="text/javascript"  src="/static/index/js/nav.js"></script>
<script type="text/javascript" src="/static/index/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="/static/index/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/static/index/js/bootstrap.min.js"></script>
<style>

h4{
    margin-left: 20px;
}
p{
    text-align: center;
}
.btn1{
    width: 100px;
    height: 35px;
    border-radius: 5px;
    font-size: 16px;
    color: white;
    float:left;
    margin:20px 0;
    background-color: #8cd900;
}
.btn1:hover, .btn1:focus{
    background-color: #8cd900;
}
.modal{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
}
.modal-content{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    width: 50%;
    max-width: 700px;
    height: 40%;
    max-height: 500px;
    margin: 100px auto;
    border-radius:10px;
    background-color:#fff;
    -webkit-animation: zoom 0.6s;
    animation: zoom 0.6s;
    resize: both;
    overflow: auto;
}
@-webkit-keyframes zoom{
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
@keyframes zoom{
    from {transform: scale(0)}
    to {transform: scale(1)}
}
.modal-header{
    box-sizing:border-box;
    border-bottom:1px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.close{
    color: #8cd900;
    font-size: 30px;
    font-weight: bold;
    margin-right: 20px;
    transition: all 0.3s;
}
.close:hover, .close:focus{
    color: #8cd900;
    text-decoration: none;
    cursor: pointer;
}
.modal-body{
    padding: 10px;
    font-size: 16px;
    box-sizing:border-box;
}
.modal-footer{
    box-sizing:border-box;
    border-top:1px solid #ccc;
    display: flex;
    padding: 15px;
    justify-content: flex-end;
    align-items: center;
}
.modal-footer button{
    width: 60px;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 16px;
    color: white;
    border-radius: 5px;
    background-color: #8cd900;
}

.modal-footer input{
    width: 60px;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 16px;
    color: white;
    border-radius: 5px;
    background-color: #8cd900;
}
.modal-footer button:hover, .modal-footer button:focus{
    background-color: #8cd900;
    border:none;
    cursor: pointer;
}

#cancel{width: 60px;
    height: 35px;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    font-size: 16px;
    text-align: center;/* 
    line-height: 35px; */
    color: white;
    border:2px solid #ccc;
    border-radius: 5px;
    background-color: #8cd900;}

#cancel:hover{
    cursor: pointer;}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 80%;
    }
}

.namefile{width: 250px;height: 30px;border-radius:4px;border:1px solid #ccc;}

.catefile{width: 250px;height: 30px;border-radius:4px;border:1px solid #ccc;}


.img-detail{width: 200px;height: 30px;background:red;}
</style>
</head>
<body>
<!--头部-->
<div id="header">
  <div class="top_bg">
    <div class="logo"><a href="#"><img src="/static/index/imgs/logo.jpg" width="150" height="126" /></a></div>
    <div class="top">
      <!--导航-->
      <!-- {block name="header"} -->
      <div class="guide">
        <div class="welcom">Welcome to fantasy_dream !　</div>
        <div class="login">
  
            {empty name="session.hmy_user"}
            <a href="{:url('index/Login/index')}">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="{:url('index/Register/index')}">注册</a>
            {else /}

            {empty name="session.hmy_user.name"}

            <a href="{:url('index/User/index')}" title="进入{$session.hmy_user.tel}主页"> | 您好,{$Request.session.hmy_user.tel}</a>

            {else /}

            <a href="{:url('index/User/index')}" title="进入{$session.hmy_user.name}主页"> 您好,{$Request.session.hmy_user.name}</a>

            {/empty}

             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:url('index/Login/outlogin')}">注销</a>

             {/empty}
        </div>
        <!-- <div class="shopcart">购物车（<a href="会员中心.html">0</a>）</div> -->
        <div class="searchbox">
          <input type="text" value="" name="" class="input" />
          <input type="image" src="/static/index/imgs/sbtn.jpg"  class="btn"/>
        </div>
      </div>
      <!-- {/block} -->
      <!--菜单导航-->
      <div class="nav">
        <ul id="navul" class="cl">
          <li><a href="{:url('index/index/index')}">首页</a></li>
          {volist name="category" id="v"}
          <li class="navmenu"><a href="{:url('index/Index/lists',['id'=>$v['id']])}">{$v['name']}</a>
          </li>
          {/volist}
        </ul>
    <script type="text/javascript">
   
             $(document).ready(function(){
            //  $('.hyinfo li ').hover(function(){$(this).find('.subbox').stop(true,true).slideToggle(); });
              $('.navmenu').mouseenter(function(){

            $(this).find('.subnav').css("display","block");//you can give it a speed

              });
              $('.navmenu').mouseleave(function(){
            $(this).find('.subnav').css("display","none");

              //jQuery(this).css("background-image", "none");
               
              });
              
            });

        </script>
      </div>
    </div>
  </div>
</div>

{block name="main"}
<!--中间内容-->
<div class="hymain">
  <div class="position">您当前的位置：<em>会员中心</em></div>  
  <!--左侧菜单-->
  <div class="leftmenu">
    <div class="titlei"><h1>会员管理中心</h1></div>
    <div class="menubox">
      <h2>内容管理</h2>
        <h3><a href="{:url('index/User/fans')}">粉丝管理</a></h3>
        <h3><a href="{:url('index/User/comment')}">评论管理</a></h3>
        <h3><a href="{:url('index/User/like')}">收藏管理</a></h3>
        <h3><a href="{:url('index/User/follow')}">关注管理</a></h3>
      <h2>服务中心</h2>
        <h3><a href="#">站内信</a></h3>
      <h2>个人资料</h2>
        <h3><a href="{:url('index/User/edit')}">修改资料</a></h3>
        <h3><a href="{:url('index/User/pass')}">修改密码</a></h3>
    </div>
  </div>
  <!--右侧内容-->
  <div class="rightinfo">
    <!--优惠券-->
    <div class="yhquan">
      <div class="tuxiang">
          {empty name="$session.hmy_user" id="v"}

          <img src="/static/index/imgs/vip.jpg" />
          <span>
              <a href="#">修改图像</a>
          </span>
          {else /} 
          <img src="http://pn5tyoo5a.bkt.clouddn.com/{$session.hmy_user.icon}"  width="100" height="100"/>
          <span>
              <a href="#">修改图像</a>
          </span>
          {/empty}
      </div>
      <div class="yhqlist">
      <div class="name">{$Request.session.hmy_user.name}</div>
      <table cellpadding="0" cellspacing="0" class="tab">
          <td width="20%" height="100%">关注<a href="{:url('index/User/follow')}">({$follow_num})</a></td>
          <td width="20%" height="100%">粉丝<a href="{:url('index/User/fans')}">({$fans_num})</a></td>
          <td width="20%" height="100%">收藏<a href="{:url('index/User/like')}">({$like_num})</a></td>
          <td width="20%" height="100%">评论：<a href="{:url('index/User/comment')}">({$comment_num})</a></td>
          <td width="30%" height="100%">统计：<a href="#">(0)</a></td>
      </table>
      </div>
    </div>



<!-- {block name="right"} -->
<!--推荐产品-->

<button class="btn1" id="showModel">上传文件</button>
<div id="modal" class="modal">
  <div class="modal-content">
    <header class="modal-header">
      <h4>上传文件</h4>
      <span class="close">×</span>
    </header>
    <div class="modal-body">
      <form action="{:url('index/User/detiles')}" enctype="multipart/form-data" method="post">
        <table>
          <label for="">
            <tr>
              <td>上传文件</td>
              <td><input type="file" name="file" class="file"/></td>
            </tr>
          </label>
          <label for="" style="margin-top: 20px;">
            <td>文件名</td>
            <td><input type="text" name="name" class="namefile"/></td></label>
          <label for="">
            <td>文件分类</td>
            <td>
              <select name="cid" id="" class="catefile">
                {volist name="res" id="v"} 
                <option value="{$v['id']}">{$v['name']}</option>
                {/volist}
              </select>
            </td>
          </label>
          <label for=""></label>
        </table>
    </div>
      <footer class="modal-footer">
        <div id="cancel">取消</div>
        <button id="sure">提交</button>
      </footer>
      </form>
  </div>
</div>


<script>
    var btn = document.getElementById('showModel');
    var close = document.getElementsByClassName('close')[0];
    var cancel = document.getElementById('cancel');
    var modal = document.getElementById('modal');

    btn.addEventListener('click', function(){
        modal.style.display = "block";
    });

    close.addEventListener('click', function(){
        modal.style.display = "none";
    });

    cancel.addEventListener('click', function(){
        modal.style.display = "none";
    });
</script>


<!--推荐产品-->
    <div class="titlei2" style="margin-top: 80px;"><h1>我的作品</h1></div>
    <div class="picnews" style="margin-bottom: 50px">
      <div class="picScroll-left">
              <div class="bd">
                <ul class="picList">
                    {empty name="list"}

                      <font align="center" size="4">这家伙很懒,他还没有作品....</font>

                    {else/}

                      {volist name="list" id="v"}

                      <li>
                        <div class="pic">
                          <img src="http://pn5tyoo5a.bkt.clouddn.com/{$v.src}"/>
                        </div>
                        <div class="img-detail">

                          <div class="titles">{$v.title}</div>
                          <div class="titles">{$v.name}</div>
                          <div class="tjprice"><a href="">修改</a></div>
                          <div class="tjprice"><a href="{:url('index/User/follow')}"'>删除</a></div>
                          
                        </div>

                      </li>
                      {/volist}

                    {/empty}
                  </ul>
                </div>
<!-- {/block} -->

     </div>
  </div>
{/block}
<!--底部-->
<div id="footer">
  <div class="f_nav">
    <div class="item">
      <dl>
        <dt>service</dt>
        <dd><a href="#">联系客服</a></dd>
        <dd><a href="#">退换货说明</a></dd>
        <dd><a href="#">售后特色服务</a></dd>
        <dd><a href="#">售后服务政策</a></dd>
      </dl>
    </div>
    <div class="item">
      <dl>
        <dt>payment</dt>
        <dd><a href="#">货到付款</a></dd>
        <dd><a href="#">在线支付</a></dd>
        <dd><a href="#">邮政汇款</a></dd>
        <dd><a href="#">发票说明</a></dd>
      </dl>
    </div>
    <div class="item1">
      <div class="title">Qr code</div>
      <div class="code"><img src="/static/index/imgs/ewm.jpg" width="85" height="85" /></div>
      <div class="lxwm">邮箱：guangzhou@whir.net<br />
        电话：020-85575670<br />
        问卷调查<br />
        <a href="#">留言反馈</a></div>
    </div>
  </div>
  <!--版权信息-->
  <div class="foot">
    <div class="copyright">
      <div class="kjnav"><a href="index.html">首页</a> <a href="#">鲜花订购</a> <a href="预约.html">用餐预约</a> <a href="#">花漾咖啡花屋</a> <a href="about.html">关于花房</a></div>
      <div class="copy">Copyright © 2015 HuafangStory. All rights reserved.   Designed by <a href="#">Wanhu</a></div>
    </div>
    <!--分享-->
    <ul class="fx">
      <li><a href="#"><img src="/static/index/imgs/txwb.jpg" /></a></li>
      <li><a href="#"><img src="/static/index/imgs/xlwb.jpg" /></a></li>
      <li><a href="#"><img src="/static/index/imgs/fx.jpg" /></a></li>
    </ul>
  </div>
</div>
<!--左侧导航-->
<div id="leftsead">
  <ul>
    <li><a href="tencent://message/?uin=1234567&Site=test315.nesky.cn&Menu=yes"><img src="/static/index/imgs/qqd.jpg" width="124" height="54"  class="hides"/><img src="/static/index/imgs/qq.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a class="youhui"><img src="/static/index/imgs/zcwx.jpg" width="54" height="54" class="shows" /><img src="/static/index/imgs/wxd.png" width="145" height="288" class="hides"/></a></li>
    <li><a href="#"><img src="/static/index/imgs/zcwbd.jpg" width="124"height="54" class="hides"/><img src="/static/index/imgs/zcwb.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a href="#"><img src="/static/index/imgs/zcmapd.jpg" width="124"height="54" class="hides"/><img src="/static/index/imgs/zcmap.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a id="top_btn"><img src="/static/index/imgs/fhtbd.jpg" width="124" height="54" class="hides"/><img src="/static/index/imgs/fhdb.jpg" width="54" height="54" class="shows" /></a></li>
  </ul>
</div><!--leftsead end-->


<script type="text/javascript">
$(document).ready(function(){

  $("#leftsead a").hover(function(){
    if($(this).prop("className")=="youhui"){
      $(this).children("img.hides").show();
    }else{
      $(this).children("img.hides").show();
      $(this).children("img.shows").hide();
      $(this).children("img.hides").animate({marginLeft:'0px'},'slow'); 
    }
  },function(){ 
    if($(this).prop("className")=="youhui"){
      $(this).children("img.hides").hide('slow');
    }else{
      $(this).children("img.hides").animate({marginLeft:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
    }
  });

  $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

});
</script>

</body>
</html>
